@charset "utf-8";
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	outline: 0;
	font-family: "微软雅黑";
}

a,
button,
input{
	-webkit-appearance: none;
}

a {
	text-decoration: none;
	color: #555;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}

ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

body{
	margin: 0;
	font-size: 1rem;
}

.icon{
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden;
}

.ui-pane{
	width: 100vw;
	height: 100vh;
}


/** nav **/
.ui-nav{
	position: fixed;
	display: flex;
	bottom: 0;
	width: 100%;
	font-size: .24rem;
	height: 1rem;
    background: #ffffff;
	z-index: 10;
}

.ui-nav .item{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc( 100% / 2 ) ;
	text-align: center;
	color: #999;
}

.ui-nav .icon{
	width: .4rem;
	height: .4rem;
	fill: #999;
}

.ui-nav .item .item-text{
	margin-top: 0px;
}

.ui-nav .item.active {
	color: #feab27;

}

.ui-nav .item.active .icon{
	fill: #feab27;
}

/** content **/
.ui-content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	color: #333;
	font-size: .3rem;
	background-color: #f2f2f2;
	-webkit-overflow-scrolling: touch;
}

/* 当存在头部导航时给ui-content加上padding */
.ui-header~.ui-content{
	padding-top: .8rem;
}

/* 当存在底部导航时给ui-content加下padding */
.ui-nav~.ui-content{
	padding-bottom: .9rem;
}

/** ui-checkbox **/
input[type=radio],
input[type=checkbox]{
    width: .35rem;
    height: .35rem;
    border: 1px solid #aaa;
    border-radius: 50%;
    margin: 0;
    margin-right: .1rem;
}

input[type=radio]:active,
input[type=checkbox]:active{
  box-shadow: 0 0 5px rgba(0,0,0,.5);
}

input[type=radio]:checked,
input[type=checkbox]:checked{
	background: url(../img/gou.png);
    border: none;
    background-size: 100% 100%
}

/** margintop **/
.marginTen{
	margin-top: .08rem !important;
}

.marginZero{
	margin-top: 0 !important;
}

.marginOne{
	margin-top: 1px !important;
}

/** ui-flex **/
.flex-between{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-star{
	display: flex;
	align-items: center;
}

.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-end{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/** btn **/
.btn{
	background-color: #feab27;
	height: .9rem;
	width: 90%;
	border-radius: .9rem;
	border: none;
	font-size: .36rem;
	color: white;
	display: block;
	margin: .5rem 5% 0 5%;
}

/** input **/
input[type=text],
input[type=number],
input[type=password]{
	font-size: .28rem;
}

input[type=text]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder{
	font-size: .28rem;
}

/* 文字溢出隐藏显示省略号 */
.wordNoWarp{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/** ui-modal **/
.ui-shade{
	position: fixed;
	z-index: 101;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*ui-color*/
.colour{
	color: #42bb54;
	fill: #42bb54;
}

.bg-666{
	background: #666;
}

.bg-aaa{
	background: #aaa;
}
